@import '/home/darkside/.config/hypr/themes/catppuccin/waybar/frappe.css'; 

* {
	font-family: 'Noto Sans Mono', 'Font Awesome 6 Free', 'Font Awesome 6 Brands', monospace, JetBrainsMono, fontawesome;
	font-weight: bold;
	font-size: 15px;

}



@define-color bg @background;
@define-color fg @foreground;
@define-color textcolor @cursor;


window#waybar {
    background-color: @shade;
    background: transparent;
  color: @text;
    transition-property: background-color;
    transition-duration: .5s;
}

#backlight,
#power-profiles-daemon,
#disk,
#battery,
#temperature,
#custom-powermenu,
#custom-menu,
#window,
#custom-cava,
#custom-cmus,
#custom-games,
#tray,
#custom-weather,
#pulseaudio,
#language,
#cpu,
#memory,
#clock {
	background-color: @surface1;
	color : @red;
	padding: 0 10px;
	margin: 0px;
	border: 1px solid @sapphire;
	border-radius: 15;
}


#custom-powermenu{
	color: @red; }



#custom-menu {
color : @color2
}
#window {
color : @subtext0;
}
#custom-cava {

}
#custom-cmus {
color: @peach;
}
#custom-games {

}
#tray {
	color: @green;

}
#custom-weather {
color: @teal ;
}
#pulseaudio {
	color:@yellow;
}
#language {
	color: @blue;
}
#cpu {
	color:@sapphire;
}
#memory {
color:@pink;
}
#clock {
	color: @mauve;
}

#temperature{
    color:@rosewater;
}
#disk {
    color:@flamingo;
    
}

#power-profiles-daemon{
    color:@green;
}

#workspaces {
	padding: 0px 3px;
    background-color: @surface1;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid @sapphire;
	border-radius: 15;
}
#workspaces button {
    padding: 0 5px;
    color: @sky;
	border-radius: 0;
}
#workspaces button:hover {
	color: @green;
}
#workspaces button.active {
 	color:@red;
}
#workspaces button.empty {
	color:@base;
}
#workspaces button.urgent {
  color:@peach;
}
